@import "../../_common_sass/_variables",
"../../_common_sass/_mixin";

.apply-act {
    .act-header {
        padding: px2rem(30px);
        margin-bottom: px2rem(30px);
        background-color: #fff;
        @extend .clearfix;
        img {
            float: left;
            width: px2rem(120px);
            height: px2rem(120px);
            margin-right: px2rem(20px);
        }
        div {
            float: left;
            width: px2rem(550px);
            h5 {
                @extend .line-ellipsis;
                font-size: px2rem(36px);
                line-height: px2rem(36px);
                margin-bottom: px2rem(10px);
            }
            p {
                @include moreline-ellipsis($lineHeight: 40px);
                color: $text-color-9;
            }
        }
    }
    .act-info {
        margin-bottom: px2rem(30px);
        .title {
            font-size: px2rem(30px);
            line-height: px2rem(50px);
        }
        li{
            @extend .clearfix;
            margin-top: px2rem(10px);
            font-size: px2rem(28px);
            &>em{
                float: left;
                width: px2rem(150px);
                color: $text-color-9;
                line-height: px2rem(40px);
            }
            &>span{
                float: left;
                width: 5.3rem;
                line-height: px2rem(40px);
            }
        }
    }
    .act-fam{
        margin-bottom: px2rem(30px);
        .base-panel-body{
            padding: 0;
        }
        .act-footer {
            padding: 0 px2rem(30px);
            background-color: #fff;
            line-height: px2rem(88px);
            font-size: px2rem(30px);
            i{
                float: right;
                @extend .icon-arrow;
                margin-top:px2rem(25px);
            }
            span {
                em {
                    color: $orange;
                }
            }
        }

    }

    .act-pay{
        .base-panel-body{
            padding: 0;
        }
        .line-wrap{
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 px2rem(30px);
            line-height: px2rem(88px);
            border-bottom: 1px solid $light-border-color;
            font-size: px2rem(28px);
            img{
                width: px2rem(50px);
                margin: px2rem(20px) px2rem(20px) 0 0;
            }

            &:last-child{
                border: none;
            }
        }
    }
    .act-score{
        .base-panel-body{
            padding: 0 0 0 px2rem(30px);
        }
        p{
            display: flex;
            justify-content: space-between;
            padding-right: px2rem(30px);
            border-bottom: 1px solid $light-border-color;
            line-height: px2rem(88px);
            font-size: px2rem(28px);
            &:last-child{
                border: none;
            }
        }
    }

}

